.single-post{
  display: grid;
  grid-gap: 10px;
  grid-template-columns: [left] 20vw [center] 80vw [right] 0vw;
  justify-content: center;

  .ad{
    display: none;
  }
  & > div{
    margin-top: 10px;
  }

  & > .back{
    text-align: right;
    span{
      cursor: pointer;
      font-size: 12px;
      &:hover{
        color: $blue;
      }
    }
  }
}


@include respond-to(lg){
  .single-post{
    grid-template-columns: [left] 20vw [center] 50vw [right] 20vw;
    .ad{
      display: block;
    }

    & > .back{
      span{
        font-size: 16px;
      }
    }
  }

}
